<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Demo</title>



<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url(); ?>themes/home/css/style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url(); ?>themes/default/css/redmond/jquery-ui-1.8.20.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url(); ?>themes/default/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url(); ?>themes/default/css/ui.multiselect.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url(); ?>themes/default/css/regForm.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url(); ?>themes/default/css/cmxform.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url(); ?>themes/home/css/jquery.contextMenu.css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>themes/ja/css/index.css" type="text/css">

<script type="text/javascript"> var GB_ROOT_DIR = "<?php echo base_url(); ?>themes/ja/greybox/"; </script>
<script src="<?php echo base_url(); ?>themes/ja/js/index.js" type="text/javascript"></script>
<script src="<?php echo base_url(); ?>themes/ja/js/AJS1.js" type="text/javascript"></script>
<script src="<?php echo base_url(); ?>themes/ja/js/AJS_fx1.js" type="text/javascript"></script>
<script src="<?php echo base_url(); ?>themes/ja/js/gb_scripts1.js" type="text/javascript"></script>
<link href="<?php echo base_url(); ?>themes/ja/css/gb_styles.css" type="text/css" rel="stylesheet">
<link href="<?php echo base_url(); ?>themes/ja/css/ja.css" type="text/css" rel="stylesheet">
<script src="<?php echo base_url(); ?>themes/ja/js/ja.js" type="text/javascript"></script>
<link href="<?php echo base_url(); ?>themes/ja/css/style.css" type="text/css" rel="stylesheet">

<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/jquery-1.7.1.min.js"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/json2.js"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/jquery.md5.js"></script>

<script language="javascript" src="<?php echo base_url(); ?>themes/admin/javascript/check_email.js"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/admin/javascript/general.js"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/ajaxupload.3.5.js"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/i18n/ui.multiselect.js"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/i18n/grid.locale-en.js"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/jquery.layout.js" type="text/javascript"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/jquery.jqGrid.min.js" type="text/javascript"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/fly-to-basket.js" type="text/javascript"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/script.js" type="text/javascript"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/home/javascript/jquery.contextMenu.js" type="text/javascript"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/default/javascript/jquery.formatCurrency-1.4.0.js" type="text/javascript"></script>
<script language="javascript" src="<?php echo base_url(); ?>themes/home/javascript/header.js" type="text/javascript"></script>


<script type="text/javascript">
 $.noConflict();
  // Code that uses other library's $ can follow here.
</script>
<script language="javascript">
function initialize() {	
	}
</script>

<style type="text/css">
/*dynamic css*/

    body.bd .main {width: 980px;}
    body.bd #ja-wrapper {min-width: 980px;}
</style>

</head>



<body id="bd" class="bd fs3 com_content"  onload="initialize()">
<a name="Top" id="Top"></a>
<div id="ja-wrapper">


                    <div id="ja-top-panel" class="wrap " style='background-color: #000000'>
        
        
                    <div class="main">
        
        
                    <div class="main-inner1 clearfix">
        

<div class="custom">
	<ul class="quick-contact">
<li class="phone"><strong>Sales: </strong>0987 989898</li>
<li class="email"><strong>Email: </strong><a href="#" title="Sample link">
 <script type="text/javascript">
 <!--
 var prefix = '&#109;a' + 'i&#108;' + '&#116;o';
 var path = 'hr' + 'ef' + '=';
 var addy4670 = '&#105;nf&#111;' + '&#64;';
 addy4670 = addy4670 + 'y&#111;&#117;rd&#111;m&#97;&#105;n' + '&#46;' + 'c&#111;m';
 document.write('<a ' + path + '\'' + prefix + ':' + addy4670 + '\'>');
 document.write(addy4670);
 document.write('<\/a>');
 //-->\n </script></a><a href="mailto:info@yourdomain.com">info@yourdomain.com</a><script type="text/javascript">
 <!--
 document.write('<span style=\'display: none;\'>');
 //-->
 </script><span style="display: none;">This e-mail address is being protected from spambots. You need JavaScript enabled to view it.
 <script type="text/javascript">
 <!--
 document.write('</');
 document.write('span>');
 //-->
 </script></span></li>
<li class="sites"><strong>Sites: </strong><select class="inputbox"><option selected="selected">USA</option><option>UK</option><option>France</option><option>Japan</option><option>South Africa</option></select></li>
</ul></div>
                    </div>
        
        
                    </div>
        
        
                </div>
                        
        
        
        
        <div id="ja-cpanel-wrapper">
<div style="top: 0px;" id="ja-cpanel">
    <div style="margin: -3px -1px 0px 0px; position: static; overflow: hidden; height: 0px;"><div style="margin: -471px 0px 0px; overflow: hidden;" id="ja-cpanel-main">
        <div class="ja-cpanel-head clearfix">
            <a href="http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Overview" class="first" title="About T3"><span>About</span></a>
            <a href="http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Guides" title="Guides"><span>Guides</span></a>
            <a href="http://wiki.joomlart.com/wiki/JA_T3_Framework_2/FAQs" title="FAQs"><span>FAQs</span></a>
        </div>
        <div class="ja-cpanel-tools clearfix">
                    <h3>Font Size</h3>

<div class="ja-box-usertools">
  <ul class="ja-usertools-font clearfix">
      <li class="font-inc">
      <a title="Increase font size" onclick="switchFontSize('ja_portfolio_font', 'inc');return false;">
        <span>Increase font size</span>
      </a>
    </li>
      <li class="font-dec">
      <a title="Decrease font size" onclick="switchFontSize('ja_portfolio_font', 'dec');return false;">
        <span>Decrease font size</span>
      </a>
    </li>
      <li class="font-reset">
      <a title="Default font size" onclick="switchFontSize('ja_portfolio_font', 'reset');return false;">
        <span>Default font size</span>
      </a>
    </li>
    </ul>
</div>
<script type="text/javascript">
  var DefaultFontSize=parseInt('3');
  var CurrentFontSize=parseInt('3');
</script>                                    <h3>Profile</h3>

<div class="ja-box-usertools">
  <ul class="ja-usertools-profile clearfix">
      <li class="profile ">
      <input id="user_profile_blue" name="user_profile" value="blue" type="radio">
      <label for="user_profile_blue" title="blue">
        <span>blue</span>
      </label>
    </li>
      <li class="profile ">
      <input id="user_profile_brown" name="user_profile" value="brown" type="radio">
      <label for="user_profile_brown" title="brown">
        <span>brown</span>
      </label>
    </li>
      <li class="profile profile-active">
      <input id="user_profile_default" name="user_profile" value="default" checked="checked" type="radio">
      <label for="user_profile_default" title="default">
        <span>default</span>
      </label>
    </li>
      <li class="profile ">
      <input id="user_profile_orange" name="user_profile" value="orange" type="radio">
      <label for="user_profile_orange" title="orange">
        <span>orange</span>
      </label>
    </li>
      <li class="profile ">
      <input id="user_profile_red" name="user_profile" value="red" type="radio">
      <label for="user_profile_red" title="red">
        <span>red</span>
      </label>
    </li>
    </ul>
</div>                            <h3>Layout</h3>

<div class="ja-box-usertools">
  <ul class="ja-usertools-layout clearfix">
      <li class="layout layout-default">
      <input id="user_layouts_default" name="user_layouts" value="default" type="radio">
      <label for="user_layouts_default" title="default">
        <span>default</span>
      </label>
    </li>
      <li class="layout layout-main-left-right">
      <input id="user_layouts_main-left-right" name="user_layouts" value="main-left-right" type="radio">
      <label for="user_layouts_main-left-right" title="main-left-right">
        <span>main-left-right</span>
      </label>
    </li>
      <li class="layout layout-main-left">
      <input id="user_layouts_main-left" name="user_layouts" value="main-left" type="radio">
      <label for="user_layouts_main-left" title="main-left">
        <span>main-left</span>
      </label>
    </li>
      <li class="layout layout-main-right">
      <input id="user_layouts_main-right" name="user_layouts" value="main-right" type="radio">
      <label for="user_layouts_main-right" title="main-right">
        <span>main-right</span>
      </label>
    </li>
      <li class="layout layout-right-main-left">
      <input id="user_layouts_right-main-left" name="user_layouts" value="right-main-left" type="radio">
      <label for="user_layouts_right-main-left" title="right-main-left">
        <span>right-main-left</span>
      </label>
    </li>
    </ul>
</div>                            <h3>Direction</h3>

<div class="ja-box-usertools">
  <ul class="ja-usertools-direction clearfix">
      <li class="direction-ltr-active">
      <input id="user_direction_ltr" name="user_direction" value="ltr" checked="checked" type="radio">
      <label for="user_direction_ltr" title="LTR">
        <span>LTR</span>
      </label>
    </li>
      <li class="direction-rtl">
      <input id="user_direction_rtl" name="user_direction" value="rtl" type="radio">
      <label for="user_direction_rtl" title="RTL">
        <span>RTL</span>
      </label>
    </li>
    </ul>
</div>                            <h3>Menu Style</h3>

<div class="ja-box-usertools">
  <ul class="ja-usertools-menu clearfix">
  
    <li class="menu-mega-active">
      <input id="user_menu_mega" name="user_menu" value="mega" checked="checked" type="radio">
      <label for="user_menu_mega" title="Mega">
        <span>Mega</span>
      </label>
    </li>
  
    <li class="menu-css">
      <input id="user_menu_css" name="user_menu" value="css" type="radio">
      <label for="user_menu_css" title="Css">
        <span>Css</span>
      </label>
    </li>
  
    <li class="menu-dropline">
      <input id="user_menu_dropline" name="user_menu" value="dropline" type="radio">
      <label for="user_menu_dropline" title="Dropline">
        <span>Dropline</span>
      </label>
    </li>
  
    <li class="menu-split">
      <input id="user_menu_split" name="user_menu" value="split" type="radio">
      <label for="user_menu_split" title="Split">
        <span>Split</span>
      </label>
    </li>
    </ul>
</div>                </div>
        <div class="ja-cpanel-action clearfix">
            <a href="#" onclick="cpanel_apply();return false;" class="button" title="Apply setting"><span>Apply</span></a>
            <a href="#" onclick="cpanel_reset();return false;" title="Reset to default setting"><span>Reset</span></a>
            <a target="_blank" href="http://www.joomlart.com/joomla/jat3-framework/" class="ja-cpanel-video"><span>&nbsp;</span></a>
        </div>
    </div></div>
    <a href="#" id="ja-cpanel-toggle"><span>Cpanel</span></a>
</div>
</div>

<script type="text/javascript">
/*
   var tmpl_name = 'ja_portfolio';
    window.addEvent('load', function () {
        $('ja-cpanel-toggle').status == 'close';
        $('ja-cpanel-toggle').slider = new Fx.Slide('ja-cpanel-main', {duration: 400});
        $('ja-cpanel-toggle').slider.hide();
        $('ja-cpanel').setStyle ('top', 0);
        $('ja-cpanel-toggle').addEvent ('click', function (e) {
            this.slider.toggle();
            if (this.hasClass ('open')) {
                this.removeClass ('open').addClass ('close');
            } else {
                this.removeClass ('close').addClass ('open');
            }
            new Event(e).stop();
        });
    });
    */
</script>        
        
        
        
                <div id="ja-header" class="wrap" style='background-color: #005B8A' >
        
        
                    <div class="main">
        
        
                    <div class="main-inner1 clearfix">
        
		<h1 class="logo">
		<a href="http://10.53.18.160:8088/portfolio/index.php" title="Portfolio"><span>Portfolio</span></a>
	</h1>
	
		<div id="ja-search">
		<form action="/portfolio/index.php/portfolio-category" method="post" class="search">
		<label for="mod-search-searchword">Tìm kiếm...</label><input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox" size="20" value="Tìm kiếm..." onblur="if (this.value=='') this.value='Tìm kiếm...';" onfocus="if (this.value=='Tìm kiếm...') this.value='';" type="text">	<input name="task" value="search" type="hidden">
	<input name="option" value="com_search" type="hidden">
	<input name="Itemid" value="522" type="hidden">
</form>

	</div>
	
	                    </div>
        
        
                    </div>
        
        
                </div><div id="ja-mainnav" class="wrap ">
        
        
                    <div class="main">
        
        
                    <div class="main-inner1 clearfix">
        	<div class="ja-megamenu clearfix" id="ja-megamenu">
<ul class="megamenu level0">
<li class="mega first active">
	<a href="<?php echo base_url()?>index" class="mega first active" id="menu435" title="Trang chủ">
	<span class="has-image" style="background-image:url(<?php echo base_url()?>themes/ja/images/home_16x16.png);">
	<span class="menu-title">Trang chủ</span>
<span class="menu-desc">Find house</span></span></a></li>
<li class="mega haschild ">
<a href="<?php echo base_url()?>index/place" class="mega haschild " id="menu522" title="Chuyên mục chung cư">
<span class="has-image" style="background-image:url(<?php echo base_url();?>themes/ja/images/apartment.png);">
<span class="menu-title">Chuyên mục chưng cư</span>
<span class="menu-desc">Bán, thuê nhà CC,TT</span></span></a><div style="width: 212px; height: 52px; left: auto; overflow: hidden; display: none;" class="childcontent cols1 ">
<div style="width: 202px; margin-top: -72px;" class="childcontent-inner-wrap">
<div class="childcontent-inner clearfix" style="width: 200px;">
<div class="megacol column1 first" style="width: 200px;">
<ul class="megamenu level1">
<li class="mega first"><a href="http://10.53.18.160:8088/portfolio/index.php/portfolio-category/home-for-sale" class="mega first" id="menu531" title="Cần bán"><span class="menu-title">Cần bán</span></a></li>

</ul></div></div>
</div></div></li><li class="mega "><a href="http://10.53.18.160:8088/portfolio/index.php/typography" class="mega " id="menu496" title="Nhà đất"><span class="has-image" style="background-image:url(<?php echo base_url()?>themes/ja/images/article_16x16.png);"><span class="menu-title">Nhà đất</span><span class="menu-desc">Bán, cho thuê nhà đất!</span></span></a></li><li class="mega haschild"><a href="http://10.53.18.160:8088/portfolio/index.php/joomla-overview" class="mega haschild" id="menu476" title="Joomla!"><span class="has-image" style="background-image:url(<?php echo base_url()?>themes/ja/images/article_16x16.png);"><span class="menu-title">Dịch vụ</span><span class="menu-desc">Dịch vụ nhà đất</span></span></a><div style="width: 412px; height: 145px; left: auto; overflow: hidden; display: none;" class="childcontent cols2 ">
<div style="width: 402px; margin-top: -165px;" class="childcontent-inner-wrap">
<div class="childcontent-inner clearfix" style="width: 400px;"><div class="megacol column1 first" style="width: 200px;"><ul class="megamenu level1"><li class="mega first"><a href="http://10.53.18.160:8088/portfolio/index.php/joomla-overview/contact" class="mega first" id="menu529" title="Contact"><span class="menu-title">Contact</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/index.php/joomla-overview/whats-new-in-17" class="mega" id="menu478" title="What's New in 1.7?"><span class="menu-title">Liên hệ</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/index.php/joomla-overview/joomla-license" class="mega" id="menu477" title="Joomla! License"><span class="menu-title">Giới thiệu, liên hệ!</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/index.php/joomla-overview/more-about-joomla" class="mega" id="menu479" title="More about Joomla!"><span class="menu-title">More about Joomla!</span></a></li></ul></div><div class="megacol column2 last" style="width: 200px;"><ul class="megamenu level1"><li class="mega first"><a href="http://10.53.18.160:8088/portfolio/index.php/joomla-overview/faq" class="mega first" id="menu480" title="FAQ"><span class="menu-title">FAQ</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/index.php/joomla-overview/the-news" class="mega" id="menu483" title="The News"><span class="menu-title">The News</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/index.php/joomla-overview/web-links" class="mega" id="menu481" title="Web Links"><span class="menu-title">Web Links</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/index.php/joomla-overview/news-feeds" class="mega" id="menu482" title="News Feeds"><span class="menu-title">News Feeds</span></a></li></ul></div></div>
</div></div></li><li class="mega last haschild"><a href="http://10.53.18.160:8088/portfolio/index.php/explore" class="mega last haschild" id="menu507" title="Giới thiệu, liên hệ"><span class="has-image" style="background-image:url(<?php echo base_url()?>themes/ja/images/article_16x16.png);"><span class="menu-title">Liên hệ</span><span class="menu-desc">Giới thiệu, liên hệ!</span></span></a><div style="width: 412px; height: 217px; left: auto; overflow: hidden; margin-left: -39px; display: none;" class="childcontent cols2 ">
<div style="width: 402px; margin-top: -237px;" class="childcontent-inner-wrap">
<div class="childcontent-inner clearfix" style="width: 400px;"><div class="megacol column1 first" style="width: 200px;"><ul class="megamenu level1"><li class="mega first group"><div class="group"><div class="group-title"><a href="http://10.53.18.160:8088/portfolio/index.php/explore/navigations" class="mega first group" id="menu508" title="Navigations"><span class="menu-title">Navigations</span></a></div><div class="group-content"><ul class="megamenu level1"><li class="mega first"><a href="http://10.53.18.160:8088/portfolio/?menu=mega" class="mega first" id="menu509" title="Mega Menu"><span class="menu-title">Mega Menu</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/?menu=css" class="mega" id="menu510" title="Css Menu"><span class="menu-title">Css Menu</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/?menu=split" class="mega" id="menu511" title="Split Menu"><span class="menu-title">Split Menu</span></a></li><li class="mega last"><a href="http://10.53.18.160:8088/portfolio/?menu=dropline" class="mega last" id="menu512" title="Dropline Menu"><span class="menu-title">Dropline Menu</span></a></li></ul></div></div></li></ul></div><div class="megacol column2 last" style="width: 200px;"><ul class="megamenu level1"><li class="mega first group"><div class="group"><div class="group-title"><a href="http://10.53.18.160:8088/portfolio/index.php/explore/colors" class="mega first group" id="menu513" title="Colors"><span class="menu-title">Colors</span></a></div><div class="group-content"><ul class="megamenu level1"><li class="mega first"><a href="http://10.53.18.160:8088/portfolio/?profile=default" class="mega first" id="menu514" title="Default Color"><span class="menu-title">Default Color</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/?profile=blue" class="mega" id="menu515" title="Blue Color"><span class="menu-title">Blue Color</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/?profile=red" class="mega" id="menu516" title="Red Color"><span class="menu-title">Red Color</span></a></li><li class="mega"><a href="http://10.53.18.160:8088/portfolio/?profile=orange" class="mega" id="menu517" title="Orange Color"><span class="menu-title">Orange Color</span></a></li><li class="mega last"><a href="http://10.53.18.160:8088/portfolio/?profile=brown" class="mega last" id="menu518" title="Brown Color"><span class="menu-title">Brown Color</span></a></li></ul></div></div></li></ul></div></div>
</div></div></li></ul>
</div>            <script type="text/javascript">
                var megamenu = new jaMegaMenuMoo ('ja-megamenu', {
                    'bgopacity': 0,
                    'delayHide': 300,
                    'slide'    : 1,
                    'fading'   : 0,
                    'direction': 'down',
                    'action'   : 'mouseover',
                    'tips'     : false,
                    'duration' : 300,
                    'hidestyle': 'fastwhenshow'
                });
            </script>
                                </div>
        
        
                    </div>
        
        
                </div>
                
<!-- jdoc:include type="menu" level="0" / -->

<ul class="no-display">
    <li><a href="#ja-content" title="Skip to content">Skip to content</a></li>
</ul>
    <!-- MAIN CONTAINER -->
    <div id="ja-container" class="wrap ja-r1">
            
        
                    <div class="main clearfix">
        
        
                <div id="ja-mainbody" style="width:80%">
            <!-- CONTENT -->
            <div id="ja-main" style="width:100%">
            <div class="inner clearfix">

                
<div id="system-message-container">
</div>
                
                <div id="ja-contentwrap" class="clearfix ">
                    <div id="ja-content" class="column" style="width:100%">
                        <div id="ja-current-content" class="column" style="width:100%">
                            
                                                      
                           
					
